<template>
    <!-- 标准信息 -->
    <el-form :model="props.formInline" label-width="150px">
        <el-row>
							<el-col :span="8">
								<el-form-item label="标准名称" prop="standardName">
									<el-input v-model="props.formInline.standardName" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="英文名称" prop="standardEnName">
									<el-input v-model="props.formInline.standardEnName" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="标准编号" prop="standardNumber">
									<el-input v-model="props.formInline.standardNumber" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="被替代标准名称" prop="substitutedName">
									<el-input v-model="props.formInline.substitutedName" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="备案号" prop="recordNumber">
									<el-input v-model="props.formInline.recordNumber" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>

							<el-col :span="8">
								<el-form-item label="被替代标准编号" prop="substitutedNo">
									<el-input v-model="props.formInline.substitutedNo" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="标准序号" prop="seqNo">
									<el-input v-model="props.formInline.seqNo" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="标准代次" prop="version">
									<el-input v-model="props.formInline.version" type="number" autocomplete="off" placeholder="请输入" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="立项时间" prop="initiateTime">
									<el-date-picker
										v-model="props.formInline.initiateTime"
										type="date"
										format="YYYY-MM-DD"
										clearable
										value-format="YYYY-MM-DD"
										
										:disabled="true"
                    style="width: 100%;"
									/>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="发布时间" prop="publishTime" style="width: 100%;">
									<el-date-picker
										v-model="props.formInline.publishTime"
										type="date"
										format="YYYY-MM-DD"
										clearable
										value-format="YYYY-MM-DD"
										
										:disabled="true"
                     style="width: 100%;"
									/>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="实施时间" prop="implementTime">
									<el-date-picker
										v-model="props.formInline.implementTime"
										type="date"
										format="YYYY-MM-DD"
										clearable
										value-format="YYYY-MM-DD"
										
										:disabled="true"
                    style="width: 100%;"
									/>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="批准时间" prop="approvalTime">
									<el-date-picker
										v-model="props.formInline.approvalTime"
										type="date"
										format="YYYY-MM-DD"
										clearable
										value-format="YYYY-MM-DD"
										
										:disabled="true"
                    style="width: 100%;"
									/>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="废止时间" prop="abolishTime">
									<el-date-picker
										v-model="props.formInline.abolishTime"
										type="date"
										format="YYYY-MM-DD"
										clearable
										value-format="YYYY-MM-DD"
										
										:disabled="true"
                    style="width: 100%;"
									/>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="强制性分类">
									<el-select v-model="props.formInline.mandatoryCategoryVal" clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[3].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="标准类别">
									<el-select v-model="props.formInline.standardCategoryVal" clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[0].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="标准状态">
									<el-select v-model="props.formInline.standardStatusVal" clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[1].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="编制状态">
									<el-select v-model="props.formInline.compileStatusVal" clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[2].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="基础类别">
									<el-tree-select
										v-model="props.formInline.basicCategoriesVal"
										:data="props.formInline.basicCategoriesArray"
										highlight-current
										check-strictly
										:props="{
											value: 'id',
											label: 'standardName',
											children: 'children'
										}"
										clearable
										:disabled="true"
									/>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="专题分类">
									<el-tree-select
										v-model="props.formInline.specialCategoriesVal"
										:data="props.formInline.specialCategoriesArray"
										highlight-current
										check-strictly
										:props="{
											value: 'id',
											label: 'standardName',
											children: 'children'
										}"
										multiple
										clearable
										:disabled="true"
									/>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="工程专业分类">
									<el-select v-model="props.formInline.engineeringMajorVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[6].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="工程全生命周期分类">
									<el-select v-model="props.formInline.lifecycleCategoryVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[4].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="管理条线分类">
									<el-select v-model="props.formInline.managementLineVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[7].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="建筑类型分类">
									<el-select v-model="props.formInline.buildingTypeVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[5].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="长三角区域标准分类">
									<el-select v-model="props.formInline.yangtzeRiverTagVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[13].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="标准国际化领域标签">
									<el-select v-model="props.formInline.internationalFieldVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[11].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="热门领域标签">
									<el-select v-model="props.formInline.hotFieldVal" multiple clearable :disabled="true">
										<el-option v-for="item in props.formInline.labels[12].options" :key="item.id" :label="item.name" :value="item.id" />
									</el-select>
								</el-form-item>
							</el-col>
						</el-row>
						<!-- <el-row>
							<el-col :span="24">
								<el-form-item label="标准附件" prop="fileRecordId">
									<el-input
										v-model="props.formInline.file.fileName"
										 :disabled="true"
										autocomplete="off"
										placeholder="请上传"
										style="width: 50%; margin-right: 10px"
									>
									</el-input>
									<el-button v-if="props.formInline.fileRecordId" type="default" style="margin-left: 10px" @click="handleUploadFilePreview"
										>下载</el-button
									>
								</el-form-item>
							</el-col>
						</el-row> -->
    </el-form>
</template>
<script setup lang="ts">
// import { ElForm } from "element-plus"
const props = defineProps({ 
    formInline: {
        name: String,
        default: {
          labels: [],
          standardName: '',
          standardEnName: '',
          standardNumber: '',
          recordNumber: '',
          substitutedName: '',
          substitutedNo: '',
          seqNo: '',
          version: 1,
          initiateTime: '',
          publishTime: '',
          implementTime: '',
          abolishTime: '',
          approvalTime: '',
          remark: '',
          mandatoryCategoryVal: '', // 强制性分类
          standardCategoryVal: '', //标准类别
          standardStatusVal: '', //标准状态
          compileStatusVal: '', //编制状态
          basicCategoriesVal: '', //基础类别
          specialCategoriesVal: [], //专题分类
          engineeringMajorVal: [], //工程专业分类
          lifecycleCategoryVal: [], //工程全生命周期分类
          managementLineVal: [], //管理条线分类
          buildingTypeVal: [], //建筑类型分类
          yangtzeRiverTagVal: [], //长三角区域标准分类
          internationalFieldVal: [], //标准国际化领域标签
          hotFieldVal: [], //热门领域标签
          fileRecordId: '',
          file: {
            fileName: ''
          },
          basicCategoriesArray: [],
          specialCategoriesArray: []
        }
    }
})
const handleUploadFilePreview = (ruploadFile: any) => {
	if (props.formInline.fileRecordId) {
	}
}

</script>
<style lang="scss" scoped>
    .ep-bg {
        background-color: red;
    }
</style>